<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加品牌</title>
</head>
<body>
<h3>添加品牌</h3>
<form action="" method="post">
    品牌名称: <input id="brandName" name="brandName"><br>
    企业名称: <input id="companyName" name="companyName"><br>
    排序: <input id="ordered" name="ordered"><br>
    描述信息: <textarea rows="5" cols="20" id="description" name="description"></textarea><br>
    状态:
    <input type="radio" name="status" value="0">禁用
    <input type="radio" name="status" value="1">启用<br>
    <input type="button" id="btn" value="提交">
</form>

<script src="js/axios-0.18.0.js"></script>
<script>
    //1.给按钮绑定单击事件
    document.getElementById("btn").onclick = function (){
        //将表单数据转换为json
        //先定义一个js对象
        let formData = {
            brandName:"",
            companyName:"",
            ordered:"",
            description:"",
            status:"",
        };
        //获取表单数据
        //brandName
        let brandName = document.getElementById("brandName").value;
        //设置数据
        formData.brandName = brandName;
        //companyName
        let companyName = document.getElementById("companyName").value;
        formData.companyName = companyName;
        //ordered
        let ordered = document.getElementById("ordered").value;
        formData.ordered = ordered;
        //description
        let description = document.getElementById("description").value;
        formData.description = description;

        //status
        let status = document.getElementsByName("status");
        for (let i = 0; i < status.length; i++) {
            if(status[i].checked){
                formData.status = status[i].value;
            }
        }
        // console.log(formData);
        // 2.发送ajax请求
        axios({
            method:"post",
            url:"http://localhost:8080/web_20_jsonCase/addServlet",
            data:formData
        }).then(function (resp){
            //判断响应是否为success
            if(resp.data == "success"){
                location.href = "http://localhost:8080/web_20_jsonCase/brand.html"
            }
        })
    }
</script>

</body>
</html>